<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel=icon href="../img/favicon_yp.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>
<body>
    <section class="app">
        <header class="header">
            <div class="title">
                <div class="goback" onclick="history.back()"><img src="../img/detail-left.png" alt=""></div>
                <div class="right">
                    <img src="../img/detail-search.png" alt="">
                    <img src="../img/detail-more.png" alt="">
                </div>
            </div>
        </header>
        <main class="content">
            <div class="goods-img">
                <img src="../img/goods1.png" alt="">
            </div>
            <div class="more-img">
                <p class="item"><img class="active" src="../img/goods1.png" alt=""></p>
                <p class="item"><img src="../img/goods1.png" alt=""></p>
                <p class="item"><img src="../img/goods1.png" alt=""></p>
                <p class="item"><img src="../img/goods1.png" alt=""></p>
                <p class="item"><img src="../img/goods1.png" alt=""></p>
                <p class="item"><img src="../img/goods1.png" alt=""></p>
            </div>
            <div class="goods-info">
                <div class="goods-header">
                    <div class="goods-price">
                        <span class="new-price"><i>&yen;</i>2199</span>
                        <span class="old-price"><i>&yen;</i>2298</span>
                    </div>
                    <div class="shoucang"><img src="../img/shoucang.png" alt="收藏"></div>
                </div>
                <div class="goods-name">西铁城 (CITIZEN) 手表光动能魔兽世界限量联名款</div>
                <div class="goods-title">魔兽世界限量联名款，限量赠送超大魔兽款定制鼠标垫，赠完为止！</div>
                <div class="line"></div>
                <div class="goods-num">
                    <div class="num-txt">数量</div>
                    <div class="num-opera">
                        <div class="num-group">
                            <span class="reduce disabled" max-num="12"></span>
                            <div class="num">1</div>
                            <span class="add" max-num="12"></span>
                        </div>
                    </div>
                </div>
                <div class="goods-service">
                    <p class="service-item">包邮</p>
                    <p class="service-item">7天无理由</p>
                </div>
            </div>
            <div class="pj">

            </div>
            <div class="line"></div>
        </main>
        <footer class="footer">
            <div class="bottom">
                <div class="item dp">
                    <img src="../img/dianpu.png" alt="">
                    <span>店铺</span>
                </div>
                <div class="item gwc">
                    <img src="../img/gowuche.png" alt="">
                    <i class="tag">0</i>
                    <span>购物车</span>
                </div>
                <div class="buy-addcart-group">
                    <div class="addcart">加入购物车</div>
                    <div class="buy">立即购买</div>
                </div>
            </div>
        </footer>
    </section>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/model.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/detail.js"></script>
</body>
</html>